import { createRouter, createWebHistory } from 'vue-router';
import HomePage from '../components/HomePage.vue';  // 目标跳转页面
import LoginPage from '../components/LoginPage.vue'; // 登录页面

const routes = [
  { path: '/', name: 'Login', component: LoginPage },
  { 
    path: '/home', 
    name: 'Home', 
    component: HomePage, 
    meta: { requiresAuth: true }, // 添加自定义元信息，用于判断是否需要登录
  },
];

const router = createRouter({
  history: createWebHistory(),
  routes,
});

// 全局路由守卫
router.beforeEach((to, _from, next) => {
  const isLoggedIn = localStorage.getItem('isLoggedIn') === 'true'; // 检查本地存储中的登录状态

  if (to.meta.requiresAuth && !isLoggedIn) {
    // 如果目标路由需要登录且用户未登录
    alert('请先登录！');
    next('/'); // 跳转到登录页面
  } else {
    next(); // 否则允许导航
  }
});

export default router;
